* {
	margin: 0;
	padding: 0; display: none;
}
html{
	overflow-x: hidden;
}
html, body {
    position: relative;
}
body {
	font-family: 'CenturyGothic', 'Microsoft YaHei', 'Arial',  'Source Han Sans CN', 'SourceHanSerifCN',  'Helvetica', 'PingFang Regular';
	font-size: 14px;
	color: #000;
	background: #fff;
	line-height: 1!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	overflow-y: hidden;
}
body.fixed {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
body.searchactive {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
li,
ol,
ul {
	list-style: none;
}
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
ul {
	margin: 0;
	padding: 0;
}
button,
input,
textarea {
	resize: none;
	border: none;
	outline: none;
}
img {
	border: 0;
	max-width: 100%;
}
/*百度地图下阴影问题*/
#dituContent1 img{
	max-width: none;
}


a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a:focus,
a:hover,
a:link,
a:visited {
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}


.topbox{ width:1200px; margin:0 auto 0  auto; overflow:hidden; padding:20px 0 20px 0}
.logo{ float:left;}
.menu{ float:right; width:600px;}
.menu ul{}
.menu ul li{ width:20%; text-align:center; float:left; font-size:18px; line-height:80px;}
.menu ul li a{}
.menu ul li a:hover{ display:block; background:#0d68db; color:#FFF;}


.banner .swiper-slide{background:no-repeat center/cover;height:auto;}
.banner .swiper-slide a{background:no-repeat center/cover}
.banner .swiper-slide img{display:block;}


.footbox{ overflow:hidden; margin:0 auto 0 auto; background:#0d68db}
.foot{ width:1200px; margin:0 auto 0 auto;color:#FFF; font-size:18px; padding:50px 0 50px 0; line-height:30px; text-align:center; }
.foot a{ color:#FFF}


.dhwz{ width:100%; background:#eff0f0;}
.dhwz ul { width:1200px; margin:0 auto 0 auto; overflow:hidden; text-align:left; line-height:50px;}
.pages{ width:1200px; margin:20px auto 20px auto; line-height:35px; text-align:center;}
.kf{width:208px;position:fixed;right:-208px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:999}
.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #104492;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff}
.kt-top span:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.kf .con{overflow:hidden;background:#fff}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px}
.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block}
.kf .qq li a img{padding-right:6px}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom:0}
.kf .contact{margin-top:1px}
.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin:0}
.kf .contact p:nth-child(2n){padding-left:32px}
.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat}
.kf .con .qr{margin-top:10px;padding-left:40px}
.kf .con .qr img{width:110px;height:110px}
.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(../images/huidaodingbu.png) center center no-repeat#104492;background-size:18px auto;cursor:pointer}
.kf-side{padding:18px 10px 10px;background:#104492;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400}
.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px}
.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px}#message{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;transform:scale(0);transition:.3s}


.classbox{ width:1200px; margin:50px auto 0 auto; overflow:hidden;}
.classbox ul{}
.classbox ul li{ text-align:left; border-bottom:1px dashed #CCC; padding:10px 0 10px 0; line-height:30px; font-size:14px; color:#999}
.classbox ul li h3{ font-size:18px; text-align:left;width:100%; overflow:hidden; float:left; font-weight:100; line-height:50px; c}
.classbox ul li span{ float:right; text-align:right; padding-left:50px;}
.classbox ul li h3 a{ color:#000;}
.classbox ul li h3 a:hover{ display:block; background:#0d68db; color:#FFF;}


.conbox{ width:1200px;  margin:50px auto 50px auto; overflow: hidden;}
.conbox h1{ font-size:20px; text-align:left; width:100%; overflow:hidden; font-weight:100; padding-bottom:20px;}
.conbox dd{ text-align:left; font-size:14px; padding:20px 0 30px 0; border-bottom:1px dashed #CCC; width:1200px; overflow:hidden; color:#999}
.conboxnr{ line-height:45px; font-size:18px; text-align:left; padding:30px 0 30px 0; border-bottom:1px dashed #CCC; overflow:hidden; color:#333 }
.conboxmore{ text-align:left; line-height:40px; font-size:18px; padding-top:20px;} 
.conboxmore a{ color:#000; line-height:40px;font-size:18px;}
.conboxmore a:hover{color:#0d68db; line-height:40px;font-size:18px;}




.mm{ width:1200px; margin:0 auto; overflow:hidden}
.mm h3{ font-size:30px; font-weight:100; line-height:30px; width:120px; margin:0 auto; padding-bottom:20px}
.mm h4{ width:80px; height:2px; background-color:#06C; margin:0 auto}

.icp{ padding:60px 0 60px 0}
.icp ul{ padding:20px 0 80px 0}
.icp li{ float:left; width:25%; text-align:center; line-height:24px; height:270px;}
.icp img:hover{ border:1px solid #ddd}
.icp img{ width:220px; height:200px; border:1px solid #fafafa}

.cpfl{ text-align:center;  padding:40px 0; line-height:40px}
.cpfl a:hover{ background-color:#06C; color:#FFF}
.cpfl a{  width:19%; float:left; margin:0.5%; background-color:#f4f4f4;}

.gc{ text-align:center; padding:60px 0 40px 0;background:url(../img/gcbg.jpg); overflow:hidden}
.yy{ text-align:center; padding:60px 0 60px 0;background:#fafafa; overflow:hidden}
.al{ text-align:center; padding:60px 0 60px 0;background:#fff; overflow:hidden}
.gy{ text-align:center; padding:60px 0 60px 0;background:#fff; overflow:hidden}

.yy ul{ padding:80px 0 80px 0}
.yy li{ float:left; width:25%; text-align:center; line-height:80px; padding:0px 0 60px 0}
.yy dd:hover{ border:1px solid #ddd; background-color:#f4f4f4}
.yy dd{ width:230px; margin:0 auto;box-shadow: 0 8px 8px rgba(0, 0, 0, .03); border:1px solid #eee; padding:40px 0 0 0}
.yy img{ width:100%; height:150px}

.al ul{ padding:50px 0 80px 0}
.al li{ float:left; width:33%;}
.al dd:hover{ border:1px solid #ddd}
.al dd{ width:350px; margin:0 auto;box-shadow: 0 8px 8px rgba(0, 0, 0, .03); border:1px solid #eee;}
.al img{ width:100%; height:auto}
.al b{ font-size:16px; line-height:40px; color:#333; font-weight:100}
.al p{ color:#666; line-height:22px; padding:0 15px 15px 15px; text-align:left}

.gy p{ text-align:left; font-size:16px; line-height:30px; color:#333; padding:50px 0 50px 0}
.gy li{ float:left; width:20%; text-align:center;line-height:50px}
.gy dd{width:50px; margin:0 auto}
.gy li img{ height:50px;}


.b0{ height:370px; background:url(b0.jpg) no-repeat}